<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body,html{
				height: 100%;
			}
			*{
				padding: 0;
				margin: 0;
			}
			.workpage_nav {
				width: 100%;
				height: 56px;
				border-bottom: 1px solid darkgrey;
			}

			.workpage_navlogo {
				width: 132px;
				height: 40px;
				margin-left: 24px;
				margin-top: 8px;
				float: left;
			}

			.workpage_navbar {
				width: 460px;
				height: 48px;
				float: left;
				margin-left: 25%;
				padding-top: 8px;
			}

			.workpage_navbar .workpage_navbar1 {
				width: 460px;
				height: 56px;
				float: left;
			}

			.workpage_navbar .workpage_navbar1 li {
				list-style: none;
				width: 72px;
				height: 56px;
				color: black;
				text-align: center;
				float: left;
				font-family: PingFang SC;
				font-size: 14px;
				font-weight: 500;
				line-height: 36px;
			}

			.workpage_navbar1 a {
				text-decoration: none;
				color: black;
				float: left;
			}

			.workpage_navbar .workpage_navbar1 .workpage_navbar2 {
				color: #1464ff;
				float: left;
			}

			.workpage_navinf {
				width: 490px;
				height: 32px;
				line-height: 32px;
				text-align: center;
				float: right;
				padding-top: 10px;
			}

			.workpage_navinf1 {
				list-style: none;
				text-align: center;
				position: relative;
				float: right;
			}

			.workpage_navinf1 li {
				list-style: none;
				width: 110px;
				height: 32px;
				color: black;
				text-align: center;
				float: right;
				font-family: PingFang SC;
				font-size: 12px;
				line-height: 32px;
			}

			.workpage_navinf1 img {
				max-width: 32px;
				max-height: 32px;
			}
			#img_box {
				float: left;
			}

			#img_span {
				background: url(img/workpage_cloud.png);
				background-repeat: no-repeat;
				background-position: 10px;
				text-align: right;
				font-weight: bold;
				float: left;
			}

			#workpage_text {
				color: lawngreen;
			}

			#workpage_left {
				width: 320px;
				height: 744px;
				float: left;
			}

			#workpage_lefttop span {
				width: 320px;
				height: 40px;
				background: url(img/workpage_lefttop.png) no-repeat;
				background-size: 24px;
				color: dodgerblue;
				padding: 0px 0px 0px 60px;
				margin-top: 16px;
				margin-left: 24px;
				font-size: 18px;
				font-weight: bolder;
				float: left;
			}
			.workpage_sub{
				width: 1520px;
				height: 800px;
				background: url(img/background.png);
				background-repeat: no-repeat;
				background-size: 1520px 680px;
				float: right;
				overflow: hidden;
				position: absolute;
			}
			#default_button2 {
				position: absolute;
				opacity: 1;
				left: 15px;
				top: 40px;
				opacity: 0;
			}
		</style>
	</head>
	<body>
		<div class="workpage_nav">
			<div id="img_box"><img src="img/workpage_logo.png" class="workpage_navlogo" /></div>
			<div class="workpage_navbar">
				<ul class="workpage_navbar1">
					<li class="workpage_navbar2">首页</li>
					<li><a href="">项目管理</a></li>
					<li><a href="">巡检航线</a></li>
					<li><a href="">数据统计</a></li>
					<li><a href="">人员管理</a></li>
				</ul>
			</div>
			<div class="workpage_navinf">
				<ul class="workpage_navinf1">
					<li  class="workpage_navinf2"><img src="img/workpage_head.png" alt="" width="32px" height="32px" /></li>
					<li><span>2024-07-18 星期四</span></li>
					<li><span>适飞环境：</span><span id="workpage_text">优</span></li>
					<li id="img_span" ><span>32°C</span></li>
				</ul>
			</div>
		</div>
		<div class="workpage_sub">
			<div id="default_button2">
				<a href="workpage_default.html">
					<button>
						<img src="img/default_button2.png" width="36px" height="32px" />
					</button>
				</a>
			</div>
		</div>
	</body>
</html>